import QtQuick 2.0
import "Widgets" as Widgets

Rectangle {
    id: root

    width: 360
    height: 360

    signal upPressed();
    signal downPressed();

    Background {
        anchors.fill: parent
        state: "dust"
    }

    Rectangle { // top panel
        id: topPanel
        anchors.left: parent.left; anchors.right: parent.right; height: 40
        color: "black"; opacity: 0.5
    }

    Text { // logo text
        id: logo
        anchors.verticalCenter: topPanel.verticalCenter; x: 20
        text: "Projector screen controller"
        color: "#70ccff"; font.family: "Orbitron"; font.pointSize: 16
    }

    Widgets.Box {
        anchors.top: topPanel.bottom; anchors.bottom: parent.bottom
        anchors.left: parent.left; anchors.right: parent.right
        anchors.margins: 20

        Column {
            anchors.right: parent.right; anchors.margins: 20
            anchors.verticalCenter: parent.verticalCenter
            spacing: 15
            Widgets.IconButton {
                icon: "img/arrow.png"
                onClicked: root.upPressed()
            }
            Widgets.IconButton {
                icon: "img/arrow.png"
                rotation: 180
                onClicked: root.downPressed()
            }
        }

        Widgets.Label {
            anchors.left: parent.left; anchors.margins: 20
            anchors.top: parent.top
            text: "Status: down"
        }

    }
}
